<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>My Web Application</title>
<meta  name="viewport" content="width=divice-width, initial-scale=1">
<link rel="stylesheet" href="themes/Theme_app.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/Css_Header.css">
</head> 
<body> 

<div data-role="page" id="page">
	<div data-role="header">
    <a href="index.html" class="ui-btn ui-corner-all ui-icon-home ui-btn-icon-notext">Home Icon</a>
		<h1>My Web Application</h1>
	</div>
    <div >
         <img src="images/banner.jpg" width="1500" height="100">   
    </div> 
    <div align="center" id="container">
          เว็บแอพพพลิเคชั่นเตรียมพร้อมสอบใบขับขี่รถยนต์ส่วนบุคคล
    </div>    
	<div data-role="content">	
		<ul data-role="listview">       
            <input type="button" id="page2" data-icon="comment" value="เตรียมตัวก่อนสอบใบขับขี่" onClick="window.location='page2.php'" >     	
            <input type="button"  id="page3" data-icon="comment" value="ป้ายจราจร" onClick="window.location='page3.php'" >
            <input type="button" id="page4" data-icon="edit"  value="ข้อสอบทฤษฏี" onClick="window.location='page4.php'" >     	
            <input type="button"  id="page5" data-icon="edit" value="สอบภาคปฏิบัติ" onClick="window.location='page5.php'" >
            <a href="#popupLogin" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow  ui-icon-user ui-btn-icon-left             ui-btn-a" data-transition="pop">ลงชื่อเข้าใช้สำหรับผู้ดูแลระบบ</a>           
		</ul>		
	</div>
    
<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
    <form name="form1" action="login.php" method="post">
        <div style="padding:10px 20px;">
            <h3>Please sign in</h3>
            <label for="un" class="ui-hidden-accessible">Username:</label>
            <input type="text" name="username" id="username"  placeholder="username" data-theme="a">
            <label for="pw" class="ui-hidden-accessible">Password:</label>
            <input type="password" name="password" id="password"  placeholder="password" data-theme="a">
            <button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Sign in</button>
        </div>
    </form>
</div>
    
   <div data-role="footer" align="center">      
    <a href="#" class="ui-btn ui-corner-all ui-icon-power ui-btn-icon-notext ui-btn-icon-left">ออกจากโปรแกรม</a>
    <a href="#" class="ui-btn ui-corner-all ui-icon-user ui-btn-icon-notext ui-btn-icon-left">ผู้จัดทำระบบ</a>    
  </div>
     <div >
          <img src="images/qwer.jpg" width="1500" height="180">   
    </div> 
    
	<div data-role="footer">
		<h4>@Computer Science</h4>
	</div>
    
</div>
</body>
</html>